<%@ page language="java" pageEncoding="UTF-8"%>

<style type="text/css">
.back-to {
	bottom: 35px;
	overflow: hidden;
	position: fixed;
	right: 10px;
	width: 50px;
	z-index: 999;
}

.back-to .back-top {
	background: url("../images/back_top.png") no-repeat scroll 0 0
		transparent;
	display: block;
	float: right;
	height: 50px;
	margin-left: 10px;
	outline: 0 none;
	text-indent: -9999em;
	width: 50px;
}

.back-to .back-top:hover {
	background-position: -50px 0;
}
</style>

<script type="text/javascript">
	$(document).ready(function() {
		var bt = $('#toolBackTop');
		var sw = $(document.body)[0].clientWidth;

		var limitsw = (sw - 1060) / 2 - 40;
		if (limitsw > 0) {
			limitsw = parseInt(limitsw);
			bt.css("right", limitsw);
		}

		$(window).scroll(function() {
			var st = $(window).scrollTop();
			if (st > 30) {
				bt.show();
			} else {
				bt.hide();
			}
		});

		$("#back-to-top").click(function() {
			$('body,html').animate( {
				scrollTop : 0
			}, 400);
			return false;
		});
	})
</script>

<div style="display: none;" class="back-to" id="toolBackTop">
	<a id="back-to-top" title="返回顶部" href="#top" class="back-top"> 返回顶部</a>
</div>